iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 12
0
自我挑戰組

<生活設計小技巧>30天讓你依舊不會成為設計師!!系列 第 12

<第十二天>番外篇~超淺透視概念&讓你的圖看起來更合理

  • 分享至 

  • xImage
  •  

HI大家好我是KOOKIE,今天來到了第12天,雖然昨天有放假,不過每天發文依舊很煎熬,每天一回家只想玩鬥陣特工.....
好今天就來分享一下透視概念~

何謂透視?

維基傳送門

為何要知道透視?

你說上一PART很短?好,那我這段打長一點,其實上網GOOGLE「透視」,解釋的人成千上萬,也不需要我來解釋,而且其實我也不是很懂很深的東西我也還在學><
所以在這邊分享一下,為何學Ai、或是單純想畫圖需要學透視?以下是我個人意見與理解,如果你的路走歪了不甘我的事喔~~有錯也歡迎指證一下
其實舉凡你看到的插圖、Q版圖案、甚至是網頁上看起來有立體感的按鈕,絕大部分都有帶著透視的概念,即便很微小,如果沒有透視概念,有可能想畫一個凸起來的看起來卻像凹下去,想畫一個立方體卻畫的像個長方體。
不只透視,質感也是一樣,為何插圖色塊風格的金屬類的東西要畫白色光點?氣球要畫一條白線跟一個白色塊在上面表示光滑?其實這些都是提取自「真實的東西會對光有何反應呈現出甚麼光影變化」簡化而來的。
所以,畫任何的精簡插圖如果沒有深厚的美術底子能表現的廣度會變狹窄。
例如你知道畫一顆卡通風格的鐵球要畫光點、反光點,但當你畫一台卡通風格汽車的板金就會怎麼畫都怪怪的。
扯遠了@@,總之,就當作多學一些知識啦~~這樣我也可以偷懶~多好嘛~~

人有三點,透視也有分三點,讓我逐一介紹一下

一點透視

http://ithelp.ithome.com.tw/upload/images/20161227/20103836obRqDgmANB.jpg
假設我有一個正立方體,他堂堂正正,90度不偏不倚地站在你面前,這時就會發生一點透視,這時立方體跟妳身體平行的那個A面會是一個完美沒有扭曲的正方形,但側面和妳身體垂直的線就會延伸到消失點
這個消失點,必定會在畫面內視平線上任一點,甚麼是視平線?就是你眼睛(視線)的高度啦~也就是說,立方體如果放在視平線下方,代表你的眼睛比立方體高。

兩點透視

http://ithelp.ithome.com.tw/upload/images/20161227/20103836uFetNS6lYH.jpg
如果有個立方體很中二,站著45度斜眼看你好像很囂張,這時就會發生兩點透視,這時每個面都會被扭曲,此時立方體上與地面平行的線段們會各自往左消失點右消失點延伸。
其實兩點透視是最常見的,現實世界中不太會發生超精準的一點透視,也就是方塊不太可能跟你平行站好好,他又不是菜兵。都會是有點歪歪的,這時會有一方的消失點極遠。
另外稍微提一下,人類正常的視角下,兩點透視的消失點通常是會在畫面的外圍的,也就是在畫面中看不到消失點。會出現在畫面內的作品通常是有刻意壓縮空間的表現。我是因為要說明才畫在裡面喔~

三點透視

http://ithelp.ithome.com.tw/upload/images/20161227/20103836uyl9lBfTXf.jpg
這是三點透視,除了兩個消失點之外,還有一個消失點在下方,也就是與地面垂直的線條往下面的消失點延伸了。
這種視角稱為俯視,立方體盡量不要畫在視平線以上,這樣會變得很奇怪。
想想看你明明就是往下看,結果還能清晰地看見眼睛上面的東西,不覺得奇怪嗎?
如果把下面的消失點移到上面去,就變成了仰式.....仰視

......這個透視我忘記這個叫甚麼了

http://ithelp.ithome.com.tw/upload/images/20161227/20103836TQ42HytmSJ.jpg
呃....我真的忘了很抱歉,反正他是一個沒有消失點的透視,平行的線依然會平行,想像一下如果把兩點透視的消失點拉到很遠很遠很遠,拉隔壁老王家去,大概就會變成這樣了,這種透視常常拿來畫插圖、ICON、遊戲場景(尤其是像素風)、產品設計圖等等。我覺得是個很酷的透視法。

比較

http://ithelp.ithome.com.tw/upload/images/20161227/20103836ay9dXnuxQf.jpg

這是我用上面介紹的四個透視法所畫出來的四個一樣的小建築,各有特色也各有適合的場合,雖然這個系列的文章並不會交太深,不然就偏離主題了(其實只是懶而且自己也不會很深的)。
下一篇我會分享怎麼做立體的簡單小建築物,也不會用到很深奧的透視理論請放心~

另外在這邊介紹一些我重複看過十幾遍的教學,沒事就多學點知識~他的頻道每部影片都很實用~一定有幫助~有益身心健康^^
超詳細透視教學傳送門
KOOKIE&FUNK傳送門


上一篇
<第十一天>老派最潮,燃起你的復古魂
下一篇
<第十三天>遊戲風格小房子製作(上篇)
系列文
<生活設計小技巧>30天讓你依舊不會成為設計師!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言